Skip to content

Update COMMIT_MESSAGE.txt#354

Merged
greatest0fallt1me merged 2 commits into
CalloraOrg:mainfrom
ayaoba24:inline-category-pill-bar
Jul 24, 2026
Merged

Update COMMIT_MESSAGE.txt#354
greatest0fallt1me merged 2 commits into
CalloraOrg:mainfrom
ayaoba24:inline-category-pill-bar

Conversation

@ayaoba24

@ayaoba24 ayaoba24 commented Jun 30, 2026

Copy link
Copy Markdown
Contributor

closes #159

Description:
This PR surfaces category selection as a horizontally scrollable pill bar located directly above the results grid on the MarketplacePage. Because most users filter by exactly one category, exposing these options outside of the FiltersSidebar significantly reduces friction.
Key Changes:

  • Component: Created a CategoryPills.tsx component that dynamically generates pills from the existing ALL_CATEGORIES list.
  • State Synchronization: Ensured bidirectional state synchronization—toggling a category pill updates the exact same selectedCategories state as the sidebar checkboxes.
  • Reset Functionality: Added an "All" pill on the far left that visually indicates when no categories are selected and acts as a quick reset button to clear active categories.
  • Accessibility & UI: Applied aria-pressed states to active pills for screen readers. Styled the horizontal .pill-bar to gracefully overflow-scroll with a visible custom scrollbar on desktop, utilized existing design tokens, and ensured 44x44 minimum touch targets for mobile.

@drips-wave

drips-wave Bot commented Jul 2, 2026

Copy link
Copy Markdown

@ayaoba24 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@ayaoba24

ayaoba24 commented Jul 2, 2026

Copy link
Copy Markdown
Contributor Author

please kindly review and merge my pr

@greatest0fallt1me
greatest0fallt1me merged commit 180083e into CalloraOrg:main Jul 24, 2026
@greatest0fallt1me

Copy link
Copy Markdown
Contributor

LGTM — small and clear. Merging 🙏

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add an inline category pill bar above MarketplacePage results

2 participants